<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>获取HTML的值</title>
</head>
<body>
<!--元素节点.innerText	获取 HTML 元素的 inner Text。-->
<!--元素节点.innerHTML	获取 HTML 元素的 inner HTML。-->
<!--元素节点.属性	获取 HTML 元素的属性值。-->
<!--元素节点.getAttribute(attribute)	获取 HTML 元素的属性值。-->
<!--元素节点.style.样式	获取 HTML 元素的行内样式值-->
<button id="btn">我是按钮</button>
<div id="box">
    <h1>我是Box中的大标题</h1>
</div>
<a id="a" href="https://www.baidu.com">打开百度，你就知道！</a>
<script>
    const elementById = document.getElementById('btn');
    console.log(elementById.innerText);

    const box = document.getElementById("box");
    console.log(box.innerHTML);

    const a = document.getElementById("a");
    console.log(a.getAttribute("href"));
</script>
</body>
</html>